<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="${i18n.key16 + '-' + i18n.key17 + '-' + (session.lang == 'en' ? companyProfile.nameEn : companyProfile.name)}"></title>
    <meta name="keywords" th:content="${companyProfile.seoKeyword}"/>
    <meta name="description" th:content="${companyProfile.seoDescription}"/>
    <link rel="Shortcut Icon" href="/favicon.ico"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../static/css/animate.css">
    <link rel="stylesheet" href="../static/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../static/css/css.css">
    <link rel="stylesheet" href="../static/css/about.css">
</head>
<body data-ind="4" ontouchstart="">
<style>
    table {
        margin: 0px auto;
    }
</style>
<!--#include file="/public/html/header.html"-->
<div th:replace="header :: header"></div>

<div id="banner-box">
    <img src="http://120.25.100.147/uploads/nrd/company.jpg" alt="banner">
    <div class="inbox">
        <div class="title-box">
            <div class="cn wow fadeInUp_qs50" ms="ms"><th:block th:text="${i18n.key16}"></th:block></div>
        </div>
        <div class="info wow fadeInUp_qs50" ms="ms"></div>
    </div>
</div>
<div class="k-box wow fadeInUp_qs50" ms="ms">
    <div id="navbar-box">
        <div class="inbox clearfix">
            <a href="/company" class="cur"><th:block th:text="${i18n.key16}"></th:block></a>
            <a href="/teamwork" class=""><th:block th:text="${i18n.key18}"></th:block></a>
        </div>
    </div>
</div>
<div class="about_a">
    <div class="wrap">
        <div class="block-title-box">
            <div class="cn wow fadeInUp_qs50" ms="ms">公司简介</div>
            <div class="en wow fadeInUp_qs50" ms="ms">Company Profile</div>
        </div>
        <div class="content wow fadeInUp_qs50" ms="ms" th:utext="${session.lang == 'en' ? companyProfile.profileEn : companyProfile.profile}">

        </div>
        <div class="pftip-box clearfix wow fadeInUp_qs50" ms="ms">
            <div class="lt-box">
                <div class="tl" th:text="${session.lang == 'en' ? companyProfile.worthEn : companyProfile.worth}"></div>
                <div class="te" th:text="${session.lang == 'en' ? companyProfile.nameEn : companyProfile.name}"></div>
            </div>
            <div class="rt-box clearfix">
                <div class="box">
                    <div class="tp">
                        <span class="counter big" th:text="${year}">7</span><span class="big">+</span>
                    </div>
                    <div class="bm"><th:block th:text="${i18n.key20}"></th:block></div>
                </div>
                <div class="box">
                    <div class="tp">
                        <span class="counter big" th:text="${companyProfile.serviceProvince}">30</span><span class="big">+</span><th:block th:text="${i18n.key19}"></th:block>
                    </div>
                    <div class="bm"><th:block th:text="${i18n.key21}"></th:block></div>
                </div>
                <div class="box">
                    <div class="tp">
                        <span class="counter big" th:text="${companyProfile.serviceOffice}">20</span><span class="big">+</span><th:block th:text="${i18n.key23}"></th:block>
                    </div>
                    <div class="bm"><th:block th:text="${i18n.key22}"></th:block></div>
                </div>
            </div>
        </div>
    </div>
    <div class="bgimg wow fadeInUp_qs50" ms="ms">
        <img src="../static/about_02.jpg" alt="">
    </div>
</div>
<div class="about_b">
    <div class="wrap">
        <div class="block-title-box">
            <div class="cn wow fadeInUp_qs50" ms="ms">企业文化</div>
            <div class="en wow fadeInUp_qs50" ms="ms">Corporate Culture</div>
        </div>
        <ul class="base-ul">
            <li class="clearfix">
                <div class="imgbox wow fadeInUp_qs50" ms="ms">
                    <img class="" th:src="${companyProfile.corporateCultureImage}" alt="">
                </div>
                <div class="text-box wow fadeInUp_qs50" ms="ms">
                    <div class="info">
                        <div class="in" th:utext="${session.lang == 'en' ? companyProfile.corporateCultureEn : companyProfile.corporateCulture}">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--#include file="/public/html/footer.html"-->
<div th:replace="footer :: footer"></div>
</body>
<script src="../static/js/swiper-3.4.2.min.js"></script>
<script src="../static/js/jquery-1.11.3.min.js"></script>
<script src="../static/js/jquery.countup.min.js"></script>
<script src="../static/js/jquery.waypoints.min.js"></script>
<script src="../static/js/wow.min.js"></script>
<script src="../static/js/common.js"></script>
<script>
    $(function () {
        $(".counter").countUp();
    })
</script>

</html>